.scrollCommon() {
  &::-webkit-scrollbar-thumb {
    width: 7px;
    background-color: #d3d4d6;
    border: 2px solid #f6f9fb;
    border-radius: 7px;
  }

  &::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #f6f9fb;
    border-radius: 7px;
  }

  &::-webkit-scrollbar-track {
    width: 10px;
  }
}
.button-unified-style(@normalColor:rgba(0, 0, 0, 0.65);@hoveColor:#5b8cff;@focusColor:#4877e9) {
  background-color: transparent;
  color: @normalColor;
  border-color: #d9dfee;
  &:hover {
    color: @hoveColor;
    border-color: @hoveColor;
    background-color: transparent;
  }
  &:focus {
    color: @focusColor;
    border-color: @focusColor;
    background-color: transparent;
  }
  &[disabled] {
    color: rgba(0, 0, 0, 0.25);
    background: #f5f5f5;
    border-color: #d9d9d9;
    text-shadow: none;
    box-shadow: none;
  }
}

.cancel-button-style() {
  background: #97a2be;
  color: #fff;
  border-color: #97a2be;
  &:hover {
    color: #fff;
    border-color: #97a2be;
    background-color: #97a2be;
  }
  &:focus {
    color: #fff;
    border-color: #7986a5;
    background-color: #7986a5;
  }
}
.confim-button-style() {
  background: #5b8cff;
  color: #fff;
  border-color: #5b8cff;
  &:hover {
    color: #fff;
    border-color: #5b8cff;
    background-color: #5b8cff;
  }
  &:focus {
    color: #fff;
    border-color: #4877e9;
    background-color: #4877e9;
  }
}
.input-style() {
  background-color: #f6f8fc;
  border-color: #d9dfee;
  &:hover,
  &:focus {
    border-color: #5a8bff;
    input {
      box-shadow: 0 0 0 1000px #f6f8fc inset;
    }
  }
  &:global(.ant-input-disabled),
  &:global(.ant-input-affix-wrapper-disabled) {
    border-color: #d9dfee;
    background-color: #ffffff;
    color: #a9adb7;
  }
  :global {
    .anticon-search {
      color: #5b8cff;
    }
  }
}
